
<template>
 <view class="container">
   <u-swiper :list="list" indicator-pos="bottomLeft" :effect3d="true" border-radius="7" :height="360"></u-swiper>
 </view>
</template>
<script>
  import biaofunWaterfall from "../component/biaofun-waterfall";
  export default {
    components: {
      biaofunWaterfall
    },
    data(){
      return {
        list:[
          {
            image: '../../static/swiper/1.jpg',
            title: '1'
          },
          {
            image: '../../static/swiper/2.jpg',
            title: '2'
          },
          {
            image: '../../static/swiper/3.jpg',
            title: '3'
          },
          {
            image: '../../static/swiper/4.jpg',
            title: '4'
          },
          {
            image: '../../static/swiper/5.jpg',
            title: '5'
          },
        ],
      }
    },
    onPullDownRefresh() {

    },
    onReachBottom(){

    },
    onReady(){
      // this.$u.api.GETCARRESTRICT().then(res=>{
      //   debugger
      // })
    },
    methods:{

    }
  }
</script>
<style scoped>
  .container{
    padding: 7px 0px;
  }
  .eigPart{
    height: 172rpx;
    width: 100%;
    margin-bottom: 11rpx;
    position: relative;
    text-align: center;
  }
  .bgImg{
    position: absolute;
    top:0px;
    left: 0px;
  }
  .eigPartTitle{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
  }
  .shopList{
    width: 94%;
    margin: 12rpx auto;
    display: flex;
    flex-wrap: wrap;
  }
  .shopItem{
    width: 49%;
    border-radius: 18rpx;
    overflow: hidden;
    margin-right: 1%;
    margin-bottom: 11rpx;
  }
</style>
